<p style="margin-bottom: 0px">&nbsp;</p>
<nz-spin [nzSpinning]="loading">
<nz-card>
  <nz-tabset>
    <nz-tab nzTitle="新增SP商"></nz-tab>
  </nz-tabset>
  <ng-template #extraTemplete></ng-template>

  <form nz-form >
    <nz-card [nzBordered]="false" nzTitle="基础信息">
      <nz-form-item>
        <nz-form-label nzSpan="2" nzRequired>机构名称</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="product.paName" name="paName" placeholder="请输入机构名称">
        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>联系人</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="product.paUser" name="paUser" placeholder="请输入联系人姓名">
        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>机构地址</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="product.paAddr" name="paAddr" placeholder="请输入机构地址">
        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>联系人电话</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="product.paMobile" name="paMobile" placeholder="请输入机构地址">
        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>机构等级</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-select [(ngModel)]="product.paClass" name="paClass" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="'一级合作商'" [nzValue]="'一级合作商'"></nz-option>
            <nz-option [nzLabel]="'二级合作商'" [nzValue]="'二级合作商'"></nz-option>
            <nz-option [nzLabel]="'三级合作商'" [nzValue]="'三级合作商'"></nz-option>
          </nz-select>
        </nz-form-control>

      </nz-form-item>
    </nz-card>
    <nz-card [nzBordered]="false" nzTitle="合作详情">
      <nz-form-label nzSpan="3" nzRequired>合作开始时间</nz-form-label>
      <nz-form-control nzSpan="3">
          <nz-date-picker nzFormat="yyyy-MM-dd" required name="paBdate" [(ngModel)]="product.paBdate"></nz-date-picker>
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>合作结束时间</nz-form-label>
      <nz-form-control nzSpan="3">
          <nz-date-picker nzFormat="yyyy-MM-dd" required name="paEdate" [(ngModel)]="product.paEdate"></nz-date-picker>
      </nz-form-control>


      <nz-form-label nzSpan="3" nzRequired>平均返佣比例</nz-form-label>
      <nz-form-control nzSpan="3">
        <nz-select [(ngModel)]="product.paProfit" name="paProfit" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
          <nz-option [nzLabel]="'5%'" [nzValue]="'5%'"></nz-option>
          <nz-option [nzLabel]="'10%'" [nzValue]="'10%'"></nz-option>
          <nz-option [nzLabel]="'15%'" [nzValue]="'15%'"></nz-option>
        </nz-select>
      </nz-form-control>

      
      <nz-form-label nzSpan="3" nzRequired>贷款余额</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paSumDkye" name="paSumDkye" placeholder="请输入贷款余额">
      </nz-form-control>
      
      <nz-form-label nzSpan="3" nzRequired>待赔付</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paSumDpf" name="paSumDpf" placeholder="请输入待赔付">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>预计赔付</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paSumYjpf" name="paSumYjpf" placeholder="请输入预计赔付">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>已赔付</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paSumYpf" name="paSumYpf" placeholder="请输入已赔付">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>不良率</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paSumBll" name="paSumBll" placeholder="请输入不良率">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>M1本月新增</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paM1Byxz" name="paM1Byxz" placeholder="请输入M1本月新增">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>M1同比值</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paM1Tbz" name="paM1Tbz" placeholder="请输入M1同比值">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>M1账号余额</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paM1Zhye" name="paM1Zhye" placeholder="请输入M1账号余额">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>M2本月新增</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paM2Byxz" name="paM2Byxz" placeholder="请输入M2本月新增">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>M2同比值</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paM2Tbz" name="paM2Tbz" placeholder="请输入M2同比值">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>M2账号余额</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paM2Zhye" name="paM2Zhye" placeholder="请输入M2账号余额">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>M3本月新增</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paM3Byxz" name="paM3Byxz" placeholder="请输入M3本月新增">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>M3同比值</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paM3Tbz" name="paM3Tbz" placeholder="请输入M3同比值">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>M3账号余额</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paM3Zhye" name="paM3Zhye" placeholder="请输入M3账号余额">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>过M3本月新增</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paM3pByxz" name="paM3pByxz" placeholder="请输入过M3本月新增">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>过M3同比值</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paM3pTbz" name="paM3pTbz" placeholder="请输入过M3同比值">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>过M3账号余额</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paM3pZhye" name="paM3pZhye" placeholder="请输入过M3账号余额">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>待赔付本月新增</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paDpfByxz" name="paDpfByxz" placeholder="请输入待赔付本月新增">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>待赔付同比值</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paDpfTbz" name="paDpfTbz" placeholder="请输入待赔付同比值">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>待赔付账号余额</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paDpfZhye" name="paDpfZhye" placeholder="请输入待赔付账号余额">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>预赔付本月新增</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paYpfByxz" name="paYpfByxz" placeholder="请输入预赔付本月新增">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>预赔付同比值</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paYpfTbz" name="paYpfTbz" placeholder="请输入预赔付同比值">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>预赔付账号余额</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paYpfZhye" name="paYpfZhye" placeholder="请输入预赔付账号余额">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>保证金余额</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paBzjYue" name="paBzjYue" placeholder="请输入保证金余额">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>保证金状态</nz-form-label>
      <nz-form-control nzSpan="3">
        <input nz-input required="required" [(ngModel)]="product.paBzjStatus" name="paBzjStatus" placeholder="请输入保证金状态">
      </nz-form-control>

      <nz-form-label nzSpan="3" nzRequired>备注</nz-form-label>
      <nz-form-control nzSpan="21">
        <input nz-input required="required" [(ngModel)]="product.content" name="content" placeholder="请输入">
      </nz-form-control>
      
    </nz-card>

    <!-- <nz-card [nzBordered]="false" nzTitle="附件资料">
      <form nz-form>
        <div class="clearfix">
          <nz-upload
            [nzMultiple]="true"
            [nzAction]="uploadUr5"
            [nzData]="avatarParam5"
            nzListType="picture-card"
            [(nzFileList)]="fileList"
            [nzShowButton]="fileList.length < 30"
            [nzPreview]="handlePreview">
            <i nz-icon type="plus" style="align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
            <div style="margin-top: 0px; color: #666;">  </div>
          </nz-upload>
          <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
            <ng-template #modalContent>
              <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
            </ng-template>
          </nz-modal>
        </div>
      </form>
    </nz-card> -->

    <footer-toolbar errorCollect>
      <!-- <button nz-button type="primary" nzType="primary"  [nzLoading]="loading" (click)="save()">保存</button> -->
    
      <!-- <button nz-button type="primary" nzType="primary"  [nzLoading]="loading" (click)="save(10)">提交</button> -->
    </footer-toolbar>
  </form>

</nz-card>
</nz-spin>
